/* stylelint-disable at-rule-no-unknown,at-rule-empty-line-before */
@import "../../style/default";

/* apes-base-dialog */
$dialog-cascader-prefix-cls: #{$style-prefix}-dialog-cascader;

.#{$dialog-cascader-prefix-cls} {
  display: flex;
  .#{$dialog-cascader-prefix-cls}-box {
    min-height: 63vh;
    max-height: 63vh;
    margin: 0 8px;
    flex: 1;
    border: 1px solid #dddddd;
    border-radius: 4px;
    text-align: center;
    background: #f1f1f1;
    overflow-x: hidden;
    overflow-y: auto;
  }

  .#{$dialog-cascader-prefix-cls}-ul {
    list-style: none;
    padding: 0;
    border-bottom: 1px solid #a6a5a5;
    margin: 0;
    .cascader-box-en {
      text-align: left;
      height: 30px;
      font-weight: bold;
      padding: 8px 0 0 8px;
      font-size: 16px;
      color: $primary-color;
    }
    .cascader-box-name {
      text-align: left;
      padding: 8px 0 0 8px;
      font-size: 14px;
      display: flex;
      &:hover {
        color: $theme-hover-color;
      }
      .cascader-box-photo {
        flex: 1;
        margin-left: 8px;
      }
    }
    .cascader-box-popover {
      position: relative;
      top: 2px;
      margin: 0 6px;
    }
    .cascader-box-name-checked {
      color: $primary-color;
    }
    .cascader-box-right {
      float: right;
      margin-right: 8px;
      cursor: pointer;
    }
  }
}
